import React, {PropTypes} from 'react'
import {bindActionCreators} from 'redux'
import {connect} from 'react-redux'
import {Affix, Row, Col, Icon, Layout, Menu, Breadcrumb, Button, notification } from 'antd'
const { Content, Footer } = Layout
import {hashHistory, browserHistory} from 'react-router'
import Header from '../Header'
import QRCode from 'qrcode.react'


import {refreshCookie,getKey} from '../../util'

class App extends React.Component {
  constructor(props) {
    super(props)
  }

  componentWillMount() {
    
  }
  componentWillReceiveProps(nextProps) {
  }
  render() {
    return (
      <Layout className="layout">
        <Header></Header>
        <Content className='content-con'>
          {this.props.children}
        </Content>
        <Footer style={{ textAlign: 'center' }}>

        </Footer>
      </Layout>
    )
  }
}

App.propTypes = {
  user: PropTypes.object,
  children: PropTypes.node.isRequired
}

App.contextTypes = {
  history: PropTypes.object.isRequired,
  store: PropTypes.object.isRequired
}

const mapStateToProps = (state) => {
  return {
  }
}

function mapDispatchToProps(dispatch) {
  return {
  }
}

export default connect(mapStateToProps, mapDispatchToProps)(App)
